<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本处理标签</title>
</head>
<body>
    我是普通文字
    <!-- 空格折叠现象：连续的多个空格或换行会折叠成一个空格显示 -->
    <!--  -->
    <b>加粗文字</b>
    <i>文字</i>
    <s>文字</s>
    <u>文字</u>
    <mark>文字</mark>
    <br>
    <!-- 转移符号
     小于号&lt; => less than
     大于号&gt; => great than
     空格&nbsp；-->
    我最爱吃&lt;tom&gt;做的&nbsp;&nbsp;红烧肉

    <!-- 标题标签 加粗 改字号 内容独占一行 有垂直方向的上下行间距 -->
    <h1>标题1</h1>
    <h2>标题2</h2>
    <h3>标题3</h3>
    <h4>标题4</h4>
    <h5>标题5</h5>
    <h6>标题6</h6>

    <!-- 生成假文 lorem按Tab补全 -->
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. A assumenda blanditiis dolorum ducimus est, eum facilis illum necessitatibus tempore ut. Ab aliquid asperiores consectetur dicta iure maiores obcaecati repudiandae voluptatibus.

    <!-- 有序列表 1阿拉伯数字 A/a字母 I/i罗马数字 -->
    <ol type="1"> <!-- ordered list -->
        <li>把水烧开</li> <!-- list item -->
        <li>把面放进去</li>
        <li>把面捞出来</li>
    </ol>
    <!-- 无序列表 type="none"去除列表项前标识符 -->
    <ul type="none"> <!-- unordered list -->
        <li>《Think In Java》</li> <!-- list item -->
        <li>《Java从入门到精通》</li>
        <li>《颈椎病康复指南》</li>
    </ul>
</body>
</html>